<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>共享脱单群聊</title>
</head>
<body>
<image class="qrcode" src="" />
<div class="tip">
    长按识别二维码、即可加入
</div>
</body>
<style>
    body {
        /*background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);*/
    }

    .qrcode {
        width: calc(100%);
        background: transparent;
    }

    .tip {
        text-align: center;
        font-size: 4em;
    }
</style>
<script>
    function guid() {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
            let r = Math.random() * 16 | 0,
                v = c == 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
    }

    if (typeof (Storage) !== "undefined") {
        if (!localStorage.getItem("uuid_main")) {
            localStorage.setItem('uuid_main', guid());
        }
    }
</script>
</html>